<template>
	<view class="j_cont">
		<!-- 表单 -->
		<view class="j_form">
			<u-form>
				<!-- 姓名 -->
				<u-form-item label="姓名" placeholder="请输入姓名">
					{{list.name}}
				</u-form-item>
				<u-form-item label="性别" placeholder="请输入姓名">
					{{list.radio}}
				</u-form-item>
				<!-- 学校 -->
				<u-form-item label="学校" prop="school" placeholder="请输入学校名">
					{{list.school}}
				</u-form-item>
				<!-- 学号 -->
				<u-form-item label="学号" prop="studentId" placeholder="请输入学号">
					{{list.studentId}}
				</u-form-item>
				<view class="j_identity">
					<view class="j_listtitle">
						学生证
					</view>
					<!-- 示例图片 -->
					<view class="j_Examples">
						<img :src="list.img" alt="">
					</view>
					<!-- 示例 -->
					<view class="j_listtitles">
						示例
					</view>
					<!-- 示例图片 -->
					<view class="j_Examples">
						<img src="http://127.0.0.1:7001/public/user/shili.png" alt="">
					</view>
				</view>
			</u-form>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				//登录页传递过来id
				id: undefined,
				//列表渲染的每一条数据
				list: []
			}
		},
		methods: {

		},
		//获取你要更改数据的id
		onLoad(option) {
			this.id = option.id
		},
		onShow() {
			//请求当前认证信息
			this.$api.jsearchMsgs({
				id: this.id
			}).then(res => {
				this.list = res.data
			})
		}

	}
</script>

<style lang="scss" scoped>
	//主体验证
	.j_cont {
		width: 100%;
		height: 100vh;
		background: #F2F2F2;
		padding-top: 40upx;
		box-sizing: border-box;
	}

	//表单验证
	.j_form {
		width: 100%;
		// height: 800upx;
		background: white;
		padding: 0 20upx;
		box-sizing: border-box;

		//身份图片
		.j_identity {
			width: 100%;
			height: 260upx;
			display: flex;
		}

		//list 证明
		.j_listtitle {
			width: 15%;
			height: 60upx;
			text-align: center;
			line-height: 60upx;
			font-size: 30upx;
		}

		//示例
		.j_listtitles {
			width: 20%;
			height: 60upx;
			text-align: right;
			line-height: 60upx;
			font-size: 30upx;
			padding-right: 20upx;
			box-sizing: border-box;
		}

		//图片示例
		.j_Examples {
			width: 35%;
			height: 100%;
			padding-top: 40upx;

			img {
				width: 100%;
			}
		}
	}
</style>
